<template>
  <div class="wrapper">
    <ul class="link-list"
        border-top-bottom-1px>
      <li v-for="(item, index) of link"
          :key="index">
        <a :href="item.link_url">{{item.link_title}}</a>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'DetailLink',
  props: {
    link: {
      type: Array
    }
  }
}
</script>

<style lang="stylus" scoped>
@import '~stylus/variable.styl'
@import '~stylus/mixins.styl'

.link-list
  width 100%
  background-color $bgcWh
  height 93px
  margin-bottom 14px
  padding-left 32px
  padding-right 32px
  box-sizing border-box
  display flex
  justify-content space-between
  align-items center

  li
    a
      font-size $fzSecond
      color $fzColor
      width 100%
      height 100%
</style>
